{% extends "web/base.html" %}
{% load static from staticfiles %}

{% block mylink %}
    <link rel="stylesheet" type="text/css" href="{% static 'web/css/member.css' %}">
    <link rel="stylesheet" type="text/css" href="{% static 'web/css/member-app.css' %}">
    <link rel="stylesheet" type="text/css" href="{% static 'web/css/order.css' %}">
    <link rel="stylesheet" type="text/css" href="{% static 'web/css/order-app.css' %}">
{% endblock %}

{% block mainbody %}
<!-- 主内容区域 -->
<div class="mainbody order">
	<div class="container">
		<!-- 面包屑导航 -->
		<div class="crumbs ">
			<ol class="breadcrumb">
				<li class="hidden-xs hidden-sm"><a href="{% url 'index' %}">首页</a></li>
				<li class="hidden-xs hidden-sm"><a href="{% url 'vip_info' %}">我的商城</a></li>
				<li class="active">编辑个人信息</li>
			</ol>
		</div>
		<!-- 面包屑导航 E-->
		
		<div class="main clearfix">
			<!-- 左侧导航 -->
			<div class="left-nav f-fl col-md-4 hidden-xs hidden-sm">
				<div class="nav-main">
					<a href="javascript:;" class="type-title"><span class="glyphicon glyphicon-list-alt" aria-hidden="true"></span>订单中心</a>
					<a href="{% url 'vip_orders' %}?state=" class="ml" >我的订单</a>
					<a href="#" class="ml " >我的回购单</a>
					<a href="#" class="ml " >我的意外保</a>
					<a href="{% url 'vip_info' %}" class="type-title"><span class="glyphicon glyphicon-user" aria-hidden="true"></span>个人中心</a>
					<a href="#" class="ml " >地址管理</a>
					<a href="#" class="ml " >我的收藏</a>
					<a href="#" class="ml " >消息提醒</a>
					<a href="#" class="ml ">建议反馈</a>
				</div>
			</div>
			<!-- 左侧导航 E-->

			<!-- 右侧内容展示 -->
			<hr/>
			<div class="right-content f-fr col-md-8 col-xs-12 col-sm-12">
				<div class="info-main">
				    <!--编辑会员信息表单-->
				    <form id="edit-profile" action="{% url 'vip_update' %}" class="form-horizontal" method="post">
				        {% csrf_token %}
		        		<table width="100%">
					        <tr height="50">
					            <th width="150" style="padding:10px;text-align:right;">账号：</th>
					            <td style="padding:5px;">
					            	<input type="text" name="username" class="input-xlarge" id="input01" value="{{user.username}}" disabled style="border-radius:4px;border:1px solid #DBDBDB;outline:none;width:300px;padding:4px;"/>
					            </td>
							</tr>		        			
					        <tr height="50">
					            <th width="150" style="padding:10px;text-align:right;">真实姓名：</th>
					            <td style="padding:5px;">
					            	<input type="text" name="name" class="input-xlarge" id="input01" value="{{ user.name }}" style="border-radius:4px;border:1px solid #DBDBDB;outline:none;width:300px;padding:4px;"/>
					        	</td>
					        </tr>
					        <tr height="50">
					            <th width="150" style="padding:10px;text-align:right;">性别：</th>
					            <td style="padding:5px;">
					            	<input type="radio" name="sex" class="input-xlarge" id="input01" value="1" 
				                    {% if user.sex == 1 %}checked{% endif %} /> 男
				                    <input type="radio" name="sex" class="input-xlarge" id="input01" value="0"
				                    {% if user.sex == 0 %}checked{% endif %} /> 女
				                </td>
					        </tr>
					        <tr height="50">
					            <th width="150" style="padding:10px;text-align:right;">地址：</th>
					            <td style="padding:5px;">
					            	<input type="text" name="address" class="input-xlarge" id="input01" value="{{ user.address }}"  style="border-radius:4px;border:1px solid #DBDBDB;outline:none;width:300px;padding:4px;"/>
					            </td>
					        </tr>
					        <tr height="50">
					            <th width="150" style="padding:10px;text-align:right;">邮编：</th>
					            <td style="padding:5px;">
					            	<input type="text" name="code" class="input-xlarge" id="input01" value="{{ user.code }}"  style="border-radius:4px;border:1px solid #DBDBDB;outline:none;width:300px;padding:4px;"/>
					            </td>
					        </tr>
					        <tr height="50">
					            <th width="150" style="padding:10px;text-align:right;">电话：</th>
					            <td style="padding:5px;">
					            	<input type="text" name="phone" class="input-xlarge" id="input01" value="{{ user.phone }}"  style="border-radius:4px;border:1px solid #DBDBDB;outline:none;width:300px;padding:4px;"/>
					            </td>
					        </tr>
					        <tr height="50">
					            <th width="150" style="padding:10px;text-align:right;">Email：</th>
					            <td style="padding:5px;">
					            	<input type="text" name="email" class="input-xlarge" id="input01" value="{{ user.email }}"  style="border-radius:4px;border:1px solid #DBDBDB;outline:none;width:300px;padding:4px;"/>
					            </td>
					        </tr>

					        <tr height="50">
					        	<th width="150" style="background-color:#eee;padding:10px;text-align:right;"></th>
					        	<td align="left" style="background-color:#eee;padding:5px;">
									<button type="submit" class="btn btn-mini btn-primary">保存</button> 
									<button type="reset" class="btn btn-mini btn-inverse" style="border:1px solid #aaa;">重置</button>
								</td>
					        </tr>
					    </table>
				        <!--<fieldset>
				            <div class="control-group">
				                <label class="control-label" for="input01">账号：</label>
				                <div class="controls">
						            <input type="text" name="username" class="input-xlarge" id="input01" value="{{user.username}}" readonly="true"/>
				                </div>
				            </div>
				            <div class="control-group">
				                <label class="control-label" for="input01">真实姓名：</label>
				                <div class="controls">
				                    <input type="text" name="name" class="input-xlarge" id="input01" value="{{ user.name }}" />
				                </div>
				            </div>
				            <div class="control-group">
				                <label class="control-label" for="input01">性别：</label>
				                <div class="controls">
				                    <input type="radio" name="sex" class="input-xlarge" id="input01" value="1" 
				                    {% if user.sex == 1 %}checked{% endif %} /> 男
				                    <input type="radio" name="sex" class="input-xlarge" id="input01" value="0"
				                    {% if user.sex == 0 %}checked{% endif %} /> 女
				                </div>
				            </div>
				            <div class="control-group">
				                <label class="control-label" for="input01">地址：</label>
				                <div class="controls">
				                    <input type="text" name="address" class="input-xlarge" id="input01" value="{{ user.address }}" />
				                </div>
				            </div>
				            <div class="control-group">
				                <label class="control-label" for="input01">邮编：</label>
				                <div class="controls">
				                    <input type="text" name="code" class="input-xlarge" id="input01" value="{{ user.code }}" />
				                </div>
				            </div>
				            <div class="control-group">
				                <label class="control-label" for="input01">电话：</label>
				                <div class="controls">
				                    <input type="text" name="phone" class="input-xlarge" id="input01" value="{{ user.phone }}" />
				                </div>
				            </div>
				            <div class="control-group">
				                <label class="control-label" for="input01">email邮箱：</label>
				                <div class="controls">
				                    <input type="text" name="email" class="input-xlarge" id="input01" value="{{ user.email }}" />
				                </div>
				            </div>
				            <div class="form-actions">
				                <button type="submit" class="btn btn-primary">保存</button> <button type="reset" class="btn">重置</button>
				            </div>
				        </fieldset>-->
				    </form>
				    <!--编辑会员信息表单 E-->
				</div>
			</div>
			<!-- 右侧内容展示 E-->
		</div>
	</div>	
</div>
<!-- 主内容区域 E-->
{% endblock %}
